<template>
  <div>
    <el-tree
      :data="allMentListCheck"
      show-checkbox
      node-key="id"
      @check-change="nodeClick"
      :default-expanded-keys="[2, 3]"
      :default-checked-keys="checkMenu"
    ></el-tree>
  </div>
</template>

<script>
import { checkMenu, UsercheckMenu } from "@/api/jurisdiction";
export default {
  props: {
    allMentListCheck: {
      type: Array
    },
    checkMenu: {
      type: Array
    },
    // 左侧角色的id值
    checkRoleID: {
      type: Number
    },
    // 左侧用户id
    userIdCheck: {
      type: Number
    }
  },
  data() {
    return {};
  },
  methods: {
    // nodeClick(data, val) {
    //   console.log(val);
    //   if (this.userIdCheck == -1) {
    //     alert("请选择左侧角色或用户");
    //   } else {
    //     UsercheckMenu({
    //       userID: this.userIdCheck,
    //       strPermissionID: data.PermissionID,
    //       check: val
    //     })
    //       .then(res => {
    //         // alert(res.Message)
    //       })
    //       .catch(error => {
    //         console.log(error);
    //       });
    //   }
    //   if (this.checkRoleID == -1) {
    //     alert("请选择左侧角色或用户");
    //   } else {
    //     checkMenu({
    //       roleID: this.checkRoleID,
    //       strPermissionID: data.PermissionID,
    //       check: val
    //     })
    //       .then(res => {
    //         // alert(res.Message)
    //       })
    //       .catch(error => {
    //         console.log(error);
    //       });
    //   }
    // }
    nodeClick(data, val) {
      console.log(val);
      if (this.userIdCheck == -1 && this.checkRoleID == -1) {
        alert("请选择左侧角色或用户");
      }else{
        if(this.userIdCheck != -1){
        UsercheckMenu({
          userID: this.userIdCheck,
          strPermissionID: data.PermissionID,
          check: val
        })
          .then(res => {
            // alert(res.Message)
          })
          .catch(error => {
            console.log(error);
          });
      }
        if(this.checkRoleID != -1){
          checkMenu({
          roleID: this.checkRoleID,
          strPermissionID: data.PermissionID,
          check: val
        })
          .then(res => {
            // alert(res.Message)
          })
          .catch(error => {
            console.log(error);
          });
        }
      }
    }
  }
};
</script>